<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="../../../../css/icon.css">
    <link rel="stylesheet" type="text/css" href="../../../../css/easyui.css">
    <script type="text/javascript" src="../../../../js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../../../../js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../../../js/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">
        var datagrid;
        $(function() {
            datagrid=$('#datagrid').datagrid({
                url:'datagrid_data1.json'
            });
            $('#supplier').combogrid({
                panelWidth:340,
                idField:'code',
                textField:'name',
                fitColumns:true,
                nowrap:true,
                mode:'local',
                url:'datagrid_data.json',
                columns:[[
                    {field:'code',title:'Code',width:60},
                    {field:'name',title:'Name',width:100},
                    {field:'addr',title:'Address',width:120},
                    {field:'col4',title:'Col41',width:100}
                ]],
                keyHandler: {
                    up: function() {},
                    down: function() {},
                    enter: function(q) {
                    },
                    query: function (q) {
                    }
                }
            });
        });
        function edit_() {
            var href = "answerProblem_edit.html";
            operateDialog = $("#operateDialog").dialog({title : '修改',width:700,height:450});
            $("#operateIFrame")[0].src=href;
            operateDialog.dialog('open');
        }
        function import_() {
            var href = "incoming_import.html";
            operateDialog = $("#operateDialog").dialog({title : '导入',width:400,height:150});
            $("#operateIFrame")[0].src=href;
            operateDialog.dialog('open');
        }
        function export_() {
            var href = "incoming_export.html";
            operateDialog = $("#operateDialog").dialog({title : '导出',width:400,height:150});
            $("#operateIFrame")[0].src=href;
            operateDialog.dialog('open');
        }
    </script>
</head>
<body class="easyui-layout">
<div data-options="region:'north'" style="overflow: hidden;">
    <div class="datagrid-toolbar" style="height:auto;">
        <br/>
        <fieldset>
            <table width="100%">
                <tr>
                    <td align="right">SupplierCode供应商编码：</td>
                    <td>
                        <input type="text" id="supplier"/>
                    </td>
                    <td align="right">SupplierName供应商名称：</td>
                    <td>
                        <input type="text" disabled/>
                    </td>
                    <td align="right">Year年份：</td>
                    <td>
                        <input type="text" value="2013"/>
                    </td>
                </tr>
            </table>
        </fieldset>
        <br/>
    </div>
</div>
<div data-options="region:'center'">
    <div id="tb">
        <a class="easyui-linkbutton" href="javascript:void(0);" plain="true" iconCls="icon-search">Search查询</a>
        <a class="easyui-linkbutton" href="javascript:void(0);" plain="true" iconCls="icon-undo">Reset重置</a>
        <a class="easyui-linkbutton" href="javascript:void(0);" plain="true" iconCls="icon-edit" onclick="edit_();">Modify修改</a>
        <a class="easyui-linkbutton" href="javascript:void(0);" plain="true" iconCls="icon-import" onclick="import_();">Import导入</a>
        <!--<a class="easyui-linkbutton" href="javascript:void(0);" plain="true" iconCls="icon-export" onclick="export_();">Export导出</a>-->
    </div>
    <table id="datagrid" toolbar="#tb" pagination="true" fit="true" nowrap="false" singleSelect="true">
        <thead>
        <tr>
            <th field="ck" checkbox="true" rowspan="2"></th>
            <th field="supplierCode" width="100" align="center" rowspan="2">supplierCode<br/>供应商编码</th>
            <th field="supplierName" width="200" align="center" rowspan="2">SupplierName<br/>供应商名称</th>
            <th field="year" width="80" align="center" rowspan="2">Year<br/>年份</th>
            <th colspan="12">answerProblem反映进度</th>
        </tr>
        <tr>
            <th field="January" width="120" align="center">January<br/>一月</th>
            <th field="February" width="120" align="center">February<br/>二月</th>
            <th field="March" width="120" align="center">March<br/>三月</th>
            <th field="April" width="120" align="center">April<br/>四月</th>
            <th field="May" width="120" align="center">May<br/>五月</th>
            <th field="June" width="120" align="center">June<br/>六月</th>
            <th field="July" width="120" align="center">July<br/>七月</th>
            <th field="August" width="120" align="center">August<br/>八月</th>
            <th field="September" width="120" align="center">September<br/>九月</th>
            <th field="October" width="120" align="center">October<br/>十月</th>
            <th field="November" width="120" align="center">November<br/>十一月</th>
            <th field="December" width="120" align="center">December<br/>十二月</th>
        </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>
<div id="operateDialog" class="easyui-dialog"
     data-options="iconCls:'icon-save',resizable:true,modal:true,closed: true,collapsible:true,maximizable:true">
    <iframe scrolling="auto" id='operateIFrame' frameborder="0"  src="" style="width:100%;height:100%;"/>
</div>
</body>
</html>